.fungroup-wrap {
    position: absolute;
    top: 110px;
    left: 70px;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    color: rgba(184, 185, 187, 1);
    line-height: 18px;
    height: 100%;
    // overflow: hidden;
    z-index: 21;
    width: 400px;
    .fungroup-title {
        font-size: 20px;
        color: #2fd5ff;
        padding-bottom: 15px;
        .back {
            cursor: pointer;
            float: right;
            color: #00e3e4;
            &:hover {
                color: #f5dd17;
            }
        }
    }
    .header-line {
        background: url('./theme/img/line.png') no-repeat;
        background-size: 100%;
        width: 100%;
        height: 3px;
    }
    .type-wrap {
        background: url('./theme/img/param_bac.png') no-repeat;
        background-size: 100% 100%;
        height: 34%;
        width: 100%;
        padding: 27px 31px;
        box-sizing: border-box;
        // overflow-y: auto;
        margin-bottom: 10px;
        .type-list {
            .type-item {
                width: 100%;
                height: 39px;
                background: rgba(16, 34, 67, 0.5);
                line-height: 39px;
                margin-top: 7px;
                padding-left: 30px;
                box-sizing: border-box;
                .el-checkbox {
                    color: #fff;
                }
                &:hover {
                    background-color: #b67d10;
                }
            }
            .is-choice {
                background-color: #b67d10;
            }
        }
    }
    // .fungroup-option {
    //     background: url('./theme/img/background2.png') no-repeat;
    //     background-size: 100% 100%;
    //     box-sizing: border-box;
    //     // height: 342px;
    //     padding: 27px 31px;
    //     width: 100%;
    //     .common_btn {
    //         height: 23px;
    //         margin-left: 20px;
    //         display: inline-block;
    //         background: #0b6772;
    //         padding: 2px 10px;
    //         font-size: 12px;
    //         border-radius: 4px;
    //         line-height: 24px;
    //         align-items: center;
    //         color: rgb(210, 211, 214);
    //         cursor: pointer;
    //         &:hover {
    //             background-image: linear-gradient(#958600, #e8d103, #958600);
    //         }
    //     }
    //     .fungroup-header {
    //         .fungroup-btn {
    //             display: flex;
    //             // justify-content: space-between;
    //             // border-top: 1px solid rgba(8, 53, 76, 0.2);
    //             padding-top: 17px;
    //             & > span {
    //                 font-size: 14px;
    //                 display: inline-block;
    //                 padding: 5px 62px;
    //                 border: 1px solid #1387b2;
    //                 cursor: pointer;
    //                 &:hover {
    //                     background-color: #a47111;
    //                 }
    //             }
    //             .active-span {
    //                 background-color: #a47111;
    //                 color: #fff;
    //             }
    //             .btn-wrap {
    //                 display: flex;
    //                 align-items: center;
    //                 margin-right: 20px;
    //                 .tool-label {
    //                     font-size: 12px;
    //                     line-height: 30px;
    //                 }
    //                 .fun-btn {
    //                     width: 35px;
    //                     height: 35px;
    //                     cursor: pointer;
    //                     // margin-right: 10px;
    //                     border-radius: 6px;
    //                     -webkit-border-radius: 6px;
    //                     -moz-border-radius: 6px;
    //                     -ms-border-radius: 6px;
    //                     -o-border-radius: 6px;
    //                 }
    //             }
    //             .el-input__inner {
    //                 // width: 220px;
    //                 // background-color: transparent;
    //                 background: rgba(16, 34, 67, 0.5);
    //                 border: 1px solid rgba(96, 118, 173, 0.35);
    //             }
    //             .el-select {
    //                 margin-right: 5px;
    //                 .el-input__inner {
    //                     // height: 30px;
    //                 }
    //                 .el-input__icon {
    //                     // line-height: 20px;
    //                 }
    //             }
    //             .el-date-editor {
    //                 .el-range__icon {
    //                     // line-height: 24px;
    //                 }
    //                 & > .el-range-input {
    //                     width: 43%;
    //                     color: #fff;
    //                     background-color: inherit;
    //                 }
    //                 & > .el-range-separator {
    //                     // line-height: 24px;
    //                     color: #fff;
    //                 }
    //             }
    //             .fileChoice {
    //                 width: 35px;
    //                 height: 35px;
    //                 .el-upload {
    //                     width: 100%;
    //                     height: 100%;
    //                     .el-upload-dragger {
    //                         background-color: transparent;
    //                         border: none;
    //                         border-radius: 6px;
    //                         box-sizing: border-box;
    //                         width: 100%;
    //                         height: 100%;
    //                         text-align: center;
    //                         position: relative;
    //                         overflow: hidden;
    //                     }
    //                 }
    //             }
    //         }
    //         .el-button {
    //             padding: 7px 15px;
    //         }
    //         .el-button--primary {
    //             background-color: #0b6772;
    //             border: none;
    //             &:hover {
    //                 background-image: linear-gradient(
    //                     #958600,
    //                     #e8d103,
    //                     #958600
    //                 );
    //             }
    //         }
    //     }
    //     .fun-wrap {
    //         margin-top: 27px;
    //         .el-radio {
    //             color: #fff;
    //             .el-radio__input.is-checked {
    //                 .el-radio__inner {
    //                     border: 1px solid #2fd5ff;
    //                     background-color: #2fd5ff;
    //                 }
    //                 // 相邻兄弟选择器，选择紧邻的拥有同一个父级的元素
    //                 & + .el-radio__label {
    //                     color: #2fd5ff;
    //                 }
    //             }
    //         }
    //         // span {
    //         //     text-align: center;
    //         //     display: block;
    //         //     font-size: 13px;
    //         //     font-weight: 400;
    //         //     color: #b8b9bb;
    //         //     height: 36px;
    //         //     line-height: 35px;
    //         //     cursor: pointer;
    //         //     &:not(:first-of-type) {
    //         //         border-top: 1px solid rgba(8, 53, 76, 0.2);
    //         //     }
    //         //     &:hover {
    //         //         background-color: #39414a;
    //         //     }
    //         //     &.clicked_class {
    //         //         color: rgb(245, 220, 25);
    //         //     }
    //         // }
    //     }
    // }
}
